<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .box1{
            width: 100px;
            height: 100px;
            background-color: #bbffaa;
            border-bottom: 5px;
            border-bottom-color: red;
            border-bottom-style: dotted;
        }
        .box2{
            width: 196px;
            height: 196px;
            background-color: #bbffaa;
            border: 2px rosybrown solid;
            padding: 50px;
        }
    </style>
</head>
<body>

<div class="box1"></div>
<div class="box2">、如何在WebStorm中让光标移动到当前行的末尾？
    --  按下快捷键End即可
    2、如何 在WebStorm中让光标移动到当前行的最前面？
    -- 按下快捷键 Home即可
    -- 按住快捷键Alt 不放，然后点击鼠标左键选择要输入或者删除的位置（或者按住鼠标左键拖到）
    4、HTML文件创建快捷键：同时按下  Ctrl + Alt + Insert 即可
    5、快速复制光标所在行的内容 : Ctrl + D
    6、快速删除光标所在行的内容：Ctrl +X

</div>
</body>
</html>